<template>
    <footer class="footer">
        <div class="footer-top">
            <div class="container w-10/12 m-auto">
                <div class="flex mt-12 gap-6">
                    <div class="w-3/12">
                        <img style="width: 160px;" src="../assets/img/logo.svg" alt="logo">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat mauris
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut consequat mauris</p>

                    </div>
                    <div class="w-3/12">
                        <h2 class="footer-title">For Instructor</h2>
                        <ul>
                            <li><a href="instructor-profile.html">Profile</a></li>
                            <li><a href="login.html">Login</a></li>
                            <li><a href="register.html">Register</a></li>
                            <li><a href="instructor-list.html">Instructor</a></li>
                            <li><a href="deposit-instructor-dashboard.html"> Dashboard</a></li>
                        </ul>
                    </div>
                    <div class="w-3/12">
                        <h2 class="footer-title">For Student</h2>
                        <ul>
                            <li><a href="student-profile.html">Profile</a></li>
                            <li><a href="login.html">Login</a></li>
                            <li><a href="register.html">Register</a></li>
                            <li><a href="students-list.html">Student</a></li>
                            <li><a href="deposit-student-dashboard.html"> Dashboard</a></li>
                        </ul>
                    </div>
                    <div class="w-3/12">
                        <h2 class="footer-title">News letter</h2>
                        <div class="news-letter">
                            <form>
                                <input type="text" class="form-control" placeholder="Enter your email address"
                                    name="email">
                            </form>
                        </div>
                        <div class="footer-contact-info">
                            <div class="footer-address">
                                <img src="../../assets/img/icon/icon-20.svg" alt="" class="img-fluid">
                                <p> 3556 Beech Street, San Francisco,<br> California, CA 94108 </p>
                            </div>
                            <p>
                                <img src="../../assets/img/icon/icon-19.svg" alt="" class="img-fluid">
                                <a href="/cdn-cgi/l/email-protection" class="__cf_email__"
                                    data-cfemail="583c2a3d39352b34352b183d20393528343d763b3735">[email&#160;protected]</a>
                            </p>
                            <p class="mb-0">
                                <img src="../../assets/img/icon/icon-21.svg" alt="" class="img-fluid">
                                +19 123-456-7890
                            </p>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="container w-10/12 m-auto ">
                <div class="flex justify-between py-8">
                    <div class="col-md-6">
                        <a href="term-condition.html">Terms</a> | <a href="privacy-policy.html">Privacy</a>
                    </div>
                    <div class="col-md-6">
                        <p class="mb-0">&copy; 2022 DreamsLMS. All rights <a
                                href="http://www.bootstrapmb.com">reserved</a>.</p>

                    </div>
                </div>
            </div>
        </div>
    </footer>
</template>